<?php
include "includes/ui.php";
$title_header='มอบตัวนักเรียนใหม่';
echo headerHTML("student",$title_header);
?> 

<div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style='margin-left:-390px;width:800px;'>

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel"><i class="icon-cog"></i> ยืนยัน <?php echo $title_header;?> </h3>
    </div>

    <form class="form-horizontal" style="margin-bottom: 0px!important;">

        <div class="modal-body" style="overflow-y:auto;min-height:400px;">

        
            <div class="well no-padding">
              
                <!-- Add News: WYSIWYG Edior -->
                <table class="table" id='table_detail' style='width:100% !important;'>
                    <thead>
                        <tr >
                        <th style='color:#333 !important;width:50px;'>#</th>
						<th style='color:#333 !important;width:0px !important;'></th>
						<th style='color:#333 !important;width:0px !important;'></th>
                        <th style='color:#333 !important;' class='left'>ชื่อ - นามสกุล</th>
						<th style='color:#333 !important;width:120px !important;' class="text-left">อายุ </th>
						<th style='color:#333 !important;width:180px !important;' class="text-left">ระดับชั้น</th>
                        <th style='color:#333 !important;width:50px !important;' class="text-left">ห้อง</th>
						</tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
                <!-- / Add News: WYSIWYG Edior -->

            </div> 
        </div>

        <div class="modal-footer">
            <button type='button' class="btn btn-primary hidden_control" id="btnConfirm">ยืนยัน</button>
            <button class="btn" data-dismiss="modal" id='btnCancel' aria-hidden="true">ยกเลิก</button>

        </div>
    </form>

</div> 
<!-- Live Stats -->
<div class="row-fluid">
 <form class="form-horizontal" id="myForm" style="margin-bottom: 0px!important;" method="POST" action="student_detail.php">
    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
            <h3><i class="icon-cog"></i> <?php echo $title_header;?></h3>
			<div class='tmp' style='float:right'>
			<a href="#"  ><button class="btn"  style='width:80px;' id='btnPrintDraft' tooltip="Add">พิมพ์</button></a>
                    <a href="#popup" data-toggle="modal">
                        <button class="btn btn-info" rel="tooltip" title="" data-original-title="บันทึกข้อมูล"  id='btnSave' tooltip="Add">บันทึก</button>
                    </a>
                </div>
        </div>
        <!-- /  : Top Bar -->
        <!-- Pie: Content -->
        <div class="well no-padding">
			<div class="span12">
				<div class="row-fluid">
				 
					<div class="control-group" style="">
						<label class="control-label" style='padding-top:5px;'><i class="icon-double-angle-right"></i> ระดับชั้น</label>
						<div class="controls">
							
							<select class="no-margin span8" id="cboClassSearch" style="width:180px !important;">
							</select>
							<button class="btn btn-inverse"  style='height:30px;'  type="button" id='btnSearch' style='margin-left:50px;'><i class="icon-search"></i></button>
							<span class="help-inline text-algin" style="font-weight:bold;float:right;">กำหนดเกณฑ์  : <span id='age_level' style='color:blue;'></span> </span>
						</div>
					</div>
					
						<div class="control-group" style="margin-top:5px;margin-bottom:5px;">
						<label class="control-label" ><i class="icon-double-angle-right"></i>จำนวนนักเรียนในแต่ละห้อง:</label>
								<div class="controls" >
								 &nbsp;
									<span id="roomInfo" style='margin-left:80px;'>
									 </span>
								</div>
						</div>
						
						 
				</div>
			</div>
            <table class="data-table" id="resultData" >
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:30px !important;'>#</th>
						<th style='color:#333 !important;display:none'></th>
						<th style='color:#333 !important;display:none'></th>
						<th style='color:#333 !important;display:none'></th>
                        <th style='color:#333 !important;' class='left'>ชื่อ - นามสกุล</th>
                         <!-- <th style='color:#333 !important;width:120px !important;' class='center'>วันเกิด</th> -->
						 <th style='color:#333 !important;width:110px !important;' class='center'>วันที่สมัคร</th>
						 <th style='color:#333 !important;width:110px !important;' class='center'>วันที่มอบตัว</th>
                        <th style='color:#333 !important;width:120px;' class="center">อายุ ปี</th>
                         <th style='color:#333 !important;width:120px !important;' class="center">อายุ เกณฑ์</th>
						<th style='color:#333 !important;width:150px !important;' class="center">สถานะ </th>
						<th style='color:#333 !important;display:none'></th>
						<th style='color:#333 !important;width:180px !important;' class="center">ระดับชั้น</th>
                        <th style='color:#333 !important;width:100px !important;' class="center">ห้อง</th>
					    <th style='color:#333 !important;width:90px !important;' class="center">ดูประวัติ</th>
                    </tr>
                </thead>
                <tbody>
                   
                 
                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->
</form>
</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/myScript/js_student_assign.js"></script>

</html>